const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  //默认情况 bable-loader 忽略所有 node_modules 中的文件，你可以启动本选项，以避免构建后的代码中出现未转译的第三方依赖
  transpileDependencies: false,
  //配置devServe
  devServer:{
    //自动打开浏览器配置
    // open:true,
    //配置主机地址
    // host:"192.168.14.138",
    host:"192.168.3.127",
    //配置端口号
    port:9999,
    //配置是否开启服务器压缩
    compress:true,
    proxy: {
      //我们可能会配置多个代理,每一个代理都起一个名字作为这个配置对象的key,未来通过把这个名字作为请求前缀来区分使用哪一个代理
      '/dev-api1': {
         //目标服务器地址
        target: 'http://gmall-h5-api.atguigu.cn/',
        //是否开启WebSocket协议
        // ws: true,
        //是否在跨域的时候,把请求的源改为目标地址(一般写为true),这样目标地址就会放行
        changeOrigin: true,
        //如果需要去请求代理,则把请求地址的的前缀替换(前缀的作用只是为了找到对应的代理)
        pathRewrite: {
          '^/dev-api1': ''
        }
      }
    }
  },
  //是否打开eslint检测(默认值是true)
  // lintOnSave:false,
  //匹配路径别名
  //如果configureWebpack这个值是一个对象，则会通过webpack-merge 合并到最终的配置中
  configureWebpack:{
    resolve:{
      alias:{
        "@comp": "@/components",
      }
    }
  }
})
